<template>
  <div>
    <a-modal v-model:visible="visible" title="详情" width="600px" :footer="null">
      <div class="detail">
        <div class="logtitle">详情</div>
        <a-textarea v-model:value="message" class="textarea" />
      </div>
    </a-modal>
  </div>
</template>
<script>
  import { defineComponent, ref } from 'vue';
  export default defineComponent({
    setup() {
      const visible = ref(false);
      const message = ref(null);
      return {
        visible,
        message,
      };
    },
  });
</script>

<style lang="less" scoped>
  .detail {
    padding: 20px;
    box-sizing: border-box;
    .logtitle {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    .textarea {
      min-height: 200px;
    }
  }
</style>
